<template>
	<view @click="isSettingPopupBg.open()">
		<slot></slot>
	</view>
	<!-- uni-popup .vue中 this.maskClass.backdropFilter=this.maskiSFilte?"blur(2px)":'' -->
	<myPopupVue ref="isSettingPopupBg" >
		<view class="settingPopupBg" >
			测试弹窗 背景模糊 {{store.state.setting.popupBg?"√":"×"}}
		</view>
	</myPopupVue>
</template>

<script setup>
	import myPopupVue from "@/components/base/myPopup.vue";
	import {
		ref
	} from "vue"
	import store from "@/store/index.js"
	const isSettingPopupBg = ref()
</script>

<style lang="scss" scoped>
	@import "@/style/base.scss";
	.settingPopupBg {
		padding: 1em;
	}
</style>